<%-- 
    Document   : listarEventos
    Created on : 30/08/2009, 06:01:08 PM
    Author     : Lizardo
--%>

<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>

<f:view>
    <%--@include file="../jspf/html_inicio.jspf" --%>
    <%--@include file="../jspf/menu_principal.jspf" --%>
    <link href="/general/css/admin_1.css" rel="stylesheet" type="text/css"/>

    <!--t:div-->

        <h:form id="formulario">

            <h:panelGrid columns="1" width="100%" styleClass="tablaprincipal">
               <h:outputLabel value="Listado de Eventos" />
            </h:panelGrid>
            <a4j:outputPanel ajaxRendered="true">
                <h:messages id="lblMessages" styleClass="messages" infoClass="infoClass" errorClass="errorClass"
                            warnClass="warnClass" showDetail="true" errorStyle="color:red;"
                            warnStyle="color:green;" infoStyle="color:black;" fatalStyle="color:black"/>
            </a4j:outputPanel>
            <table width="100%" cellpadding="2" cellspacing="2" border="0" class="tablanormal">
                <tr>
                    <td align="right"><h:outputLabel value="#{EventoController.totalEventos}"/></td>
                </tr>
            </table>
            <rich:dataTable value="#{EventoController.listaTodoEventos}"
                            var="evento" rows="10" reRender="ds,ds1" id="simpletable"
                            width="100%" columnsWidth="5%,5%,15%,30%,5%,10%,5%,10%,10%,5%">

                <rich:column>
                    <f:facet name="header">
                        <h:outputText value="Organizadores"/>
                    </f:facet>
                    <!--t:popup styleClass="popup"-->
                    <t:popup styleClass="etiquetaDiv"
                             closePopupOnExitingElement="true"
                             closePopupOnExitingPopup="true">
                        <h:outputLabel value="Ver"/>
                        <f:facet name="popup">
                            <%--t:div styleClass="etiquetaDiv"  #{itemInterno.oevCodigo} --%>
                                <a4j:repeat value="#{evento.orgizadorEventoCollection}" var="itemInterno">
                                    <h:panelGroup>
                                        <h:outputText value="#{itemInterno.oevCoorganizador}"
                                                      style="color: white;font-size:10px"/>
                                    </h:panelGroup><BR>                                    
                                </a4j:repeat>
                            <!--/t:div-->
                        </f:facet>
                    </t:popup>
                </rich:column>

                <rich:column>
                    <f:facet name="header">
                        <h:outputLabel value="Codigo"/>
                    </f:facet>
                    <h:outputLabel value="#{evento.preCodigo}"/>
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputLabel value="Tipo Evento"/>
                    </f:facet>
                    <h:outputLabel value="#{evento.tevCodigo.tevNombre}" />
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputLabel value="Evento"/>
                    </f:facet>
                    <h:outputLabel value="#{evento.preNombre}" />
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputLabel value="Condición"/>
                    </f:facet>
                    <h:outputLabel value="#{evento.preEstado}" />
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputLabel value="Estado"/>
                    </f:facet>
                    <h:outputLabel value="#{evento.estadoEvento}" />
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputLabel value="Tipo"/>
                    </f:facet>
                    <h:outputLabel value="#{evento.preTipo == 'EV' ? 'EVENTO' : 'CURSO'}" />
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputLabel value="Fecha Inicio"/>
                    </f:facet>
                    <h:outputLabel value="#{evento.prefechaInicio}">
                        <!--f:convertDateTime pattern="EEEEE, dd 'de' MMMMM, yyyy"/-->
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:outputLabel>
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputLabel value="Fecha Fin"/>
                    </f:facet>
                    <h:outputLabel value="#{evento.prefechaFin}">
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:outputLabel>
                </rich:column>
                <rich:column>
                    <f:facet name="header">
                        <h:outputLabel value="Activo"/>
                    </f:facet>
                    <h:selectBooleanCheckbox value="#{evento.preActivo}" disabled="true" />
                </rich:column>
                
                <f:facet name="header">
                    <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
                </f:facet>
                <f:facet name="footer">
                    <rich:datascroller id="ds1" renderIfSinglePage="false"></rich:datascroller>
                </f:facet>
            </rich:dataTable>

        </h:form>

        <!--h:panelGrid id="output"-->
            <!--h:column-->
                <!--a4j:status startText="Procesando...." stopText="Procesado."
                            startStyle="color:green" stopStyle="color:red"/-->
            <!--/h:column-->
        <!--/h:panelGrid-->
    <!--/t:div-->
</f:view>
